@charset "utf-8";
/* CSS Document */
.body{
	background:#f5f5f5;
	position:relative;
	}
	a{
	text-decoration:none;
	color: black;
	}
.fh{
	position:fixed;
	top:200px;
	left:0px;
	height:40px;
	width:40px;
	background:rgba(0,0,0,.2);
	text-align:center;
	line-height:40px;
	transition:all .3s;
	overflow:hidden;
	z-index:999;
	}
	.fh-span1{
		display:none;
		}
	.fh:hover{
		background:#c71622;
		color:#fff;
		width:100px;
		}
	.fh:hover .fh-span1{
		display:block;
		}
#totop{
	position:fixed;
	top:85%;
	right:1%;
	width:50px;
	height:50px;
	z-index:1;
	border-radius:50%;
	overflow:hidden;
}
.nav{
	margin-top:30px;
	border-bottom:2px solid black;
	}
	.nav h3{
		font-size:20px;
		}
	.nav h3:hover{
		color:#c71622;
		}
	.form{
		padding-top:20px;
		}
	.nav-text{
		padding-right:0px;
		}
	.nav-text1{
		border-radius:19px 0 0 19px;
		padding:19px;
		border:0px;
		background:#f4f4f4;
		}
	.nav-btn{
		padding-left:0px;
		}
	.nav-btn1{
		border-radius:0 19px 19px 0;
		padding:6px 20px 4px 20px;
		font-size:20px;
		border:0px;
		background:#C71622;
		color:#fff;
		transition:all .3s;
		}
	.nav-btn1:hover{
		background:#639;
		color:#fff;
		}
.nav2{
	margin-top:20px;
	margin-bottom:10px;
	font-size: 14px;
    color: #433E33;
	transition:all .2;
	}
	.nav2 span:hover{
		color:#c71622;
		}
.box1{
	margin-top:5px;
	}

.box-lb{
		padding:0px;
		}
		.box-lb div{
			padding:0px;
			min-height:72px;
			}
	.box1 .dhh{
		position:fixed;
		right:20px;
		top:250px;
		z-index:1;
		box-shadow:3px 3px 2px #f1f1f1;
		}
		.box1 .dhh p{
			background:#f7f7f7;
			color:#666;
			margin:0px;
			padding:6px 5px 6px 10px;
			
			transition:all .3s;
			}
		.box1 .dhh p:hover{
			background:#C33;
			color:#fff;
			}
	.box1-p1{
		margin-top:10px;
		margin-bottom:10px;
		font-size:15px;
		}
	.box1-p2{
		color: #c71622;
    	font-size: 20px;
		margin-top:16px;
		}
	.box1-p2 span{
		color:#999;
		font-size:13px;
		margin-right:25px;
		padding-left:20px;
		
		}
	.box-lb .djs{
		background:#333;
		color:rgba(255,255,255,.5);
		padding:13px 0px 13px 60px ;
		font-size:15px;
		
		
		}
		.box-lb .djs span{
			font-size:25px;
			color:#fff;
			}
	.box-lb .gz{
		background:#c71622;
		padding:12px;
		text-align:center;
		color:#fff;
		}
	.box1 .djs span{
		margin-left:10px;
		margin-right:10px;
		}
	.box1 .btn1{
		color:#c71622;
		border-color:#c71622;
		transition:all 0.3s;
		margin-left:20px;
		margin-top:10px;
		padding-top:12px;
		padding-bottom:12px;
		font-size:17px;
		border-radius:0px;
		}
	.box1 .btn1:hover{
		color:#fff;
		border-color:#c71622;
		background:#c71622;
		}
	.box1-dy{
		border:1px solid #f1f1f1;
		box-shadow:0px 3px 2px rgba(200,200,200,.3);
		}
	.box1-p3{
		margin-left:10px;
		margin-top:12px;
		color:#666;
		font-size:12px;
		}
	.box1-p3 span{
		margin-left:20px;
		}
	.box1 .jplc{
		background:#f5f5f5;
		margin-top:20px;
		font-size:20px;
		padding-left:0px;
		padding-right:0px;
		
		}
	.box1 .jplc .col-md-2{
		overflow:hidden;
		padding-top:25px;
		padding-bottom:25px;
		text-align:center;
		transition:all .3s;
		padding-left:0px;
		padding-right:0px;
		}
	.box1 .jplc .col-md-2:hover{
		box-shadow:0px 5px 0px #c71622;
		background:#fff;
		/*font-size:26px;
		padding-top:18px;
		padding-bottom:18px;*/
		color:#c71622;
		}
	.box1 .tjpmh{
		margin-top:20px;
		text-align:center;
	}
	.box1 .tjpmh{
		border:1px solid #f5f5f5;
		padding:0px;
		}
	
	.box1 .tjpmh .col-md-12 .col-md-12{
		background:#f5f5f5;
		padding:0px;
		text-align:center;
		padding-top:10px;
		}
	.box1 .tjpmh .col-md-12{
		margin-bottom:10px;
		padding-left:0px;
		}
	.box1 .tjpmh .btn2{
		font-size:12px;
		}
	.box1 .tjpmh .col-md-6{
		padding:0px;
		}
	
	.box1 .tbts{
		margin-top:21px;
		}
	.box1 .tbts-1{
		padding:10px;
		padding-left:20px;
		border:1px solid #ccc;
		}
	.box1 .tbts-2{
		padding:0px;
		margin-top:21px;
		}
	.box1 .tbts-3 h3{
		padding-top:16px;
		text-align:center;
		color:#c71622;
		}
	.box1 .tbts-3 p{
		padding-left:20px;
		padding-top:5px;
		padding-bottom:5px;
		}

footer{
		background:#fff;
		margin-top:20px;
		}
	footer .footer-row{
		text-align:center;
		background:#f5f5f5;
		font-size:18px;
		margin-top:30px;
		padding:20px 0px 20px 0px;
		}
	footer .footer-row2{
		padding:40px 0px 40px 90px;
		}
	footer .footer-row3{
		background:#f5f5f5;
		padding:10px;
		margin-bottom:50px;
		}
		footer .footer-row3 .row3-9{
			background:#fff;
			padding:20px 0px 20px 20px;
			}

/*锚点跳转*/
body,html{
  scroll-behavior: smooth;
}

@media screen and (max-width:1002px){
	
	}
/*滚动监听*/
body {
			position: relative;
		}
		.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
			background:none;
			}
		.nav > li > a{
			padding:0px;
			}
		ul.nav-pills li.active a p{
			
			background:#C33;
			color:#fff;
			}
		ul.nav-pills {
			position:fixed;
			right:20px;
			top:250px;
			z-index:1;
			box-shadow:3px 3px 2px #f1f1f1;
			}
		ul.nav-pills p{
			background:#f7f7f7;
			color:#666;
			margin:0px;
			padding:6px 5px 6px 10px;
			transition:all .3s;
			}
		ul.nav-pills p:hover{
			background:#f68484;
			color:#fff;
			}
/*练习*/

.nav1-btn{
	position:fixed;
	width:50px;
	height:50px;
	right:20px;
	top:40px;
	font-size:30px;
	text-align:center;
	line-height:50px;
	background:#fff;
	border-radius:50%;
	z-index:2;
	color:rgba(200,200,200,.9);
	padding-top:3px;
	box-shadow:inset 0px 0px 5px #666666;
	display:none;
	}
	.nav1-btn:hover{
		background:#f1f1f1;
		}
.nav1{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	}
	.nav1 h3{
		font-size:20px;
		}
	.nav1 h3:hover{
		color:#c71622;
		}
	.nav2 .col-md-2{
		padding:10px;
		transition:all .3s;
		border-radius:5px;
		}
	.nav2-2 .col-md-2:hover{
		background:#f5f5f5;
		border-radius:4px;
		}
	.nav2 .col-md-2 h3{
		padding-left:30px;
		margin-top:12px;
		}
	.nav2 .col-md-2 h3 span{
		padding-right:50px;
		}
.form{
		padding-top:20px;
		}
	.nav-text{
		padding-right:0px;
		}
	.nav-text1{
		border-radius:19px 0 0 19px;
		padding:19px;
		border:0px;
		background:#f4f4f4;
		}
	.nav-btn{
		padding-left:0px;
		}
.nav-btn1{
		border-radius:0 19px 19px 0;
		padding:6px 20px 4px 20px;
		font-size:20px;
		border:0px;
		background:#C71622;
		color:#fff;
		transition:all .3s;
		}
	.nav-btn1:hover{
		background:#639;
		color:#fff;
		}
.nav2-2{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	display:none;
	position:fixed;
	left:0;
	z-index:999;
	height:101vh;
	margin-top:-10px;
	transform: translateX(-100%);
	transition: transform ease-out  0.3s;
	box-shadow:1px 0px 1px #ccc;
	}
	
	.nav2-2.nav2-3{
			transform: translateX(0);
			}
	
	.nav2-2 h3{
		font-size:20px;
		}
	.nav2-2 h3:hover{
		color:#c71622;
		}
	.active1{
		color:#F00;
		background:rgba(200,0,0,.1);
		}
	.nav2.nav2-2-2{
		margin-top: 90px;
		margin-bottom: 10px;
		font-size: 14px;
		}
/*移动端导航*/

.nav2-2{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	display:none;
	position:fixed;
	left:0;
	z-index:999;
	height:101vh;
	margin-top:-10px;
	transform: translateX(-100%);
	transition: transform ease-out  0.3s;
	box-shadow:1px 0px 1px #ccc;
	}
	
	.nav2-2.nav2-3{
			transform: translateX(0);
			}
	
	.nav2-2 h3{
		font-size:20px;
		}
	.nav2-2 h3:hover{
		color:#c71622;
		}
	.active1{
		color:#F00;
		background:rgba(200,0,0,.1);
		}
	.nav2.nav2-2-2{
		margin-top: 90px;
		margin-bottom: 10px;
		font-size: 14px;
		}

.nav1-btn{
	position:fixed;
	width:50px;
	height:50px;
	right:20px;
	top:40px;
	font-size:30px;
	text-align:center;
	line-height:50px;
	background:#fff;
	border-radius:50%;
	z-index:2;
	color:rgba(200,200,200,.9);
	padding-top:3px;
	box-shadow:inset 0px 0px 5px #666666;
	display:none;
	}
@media screen and (max-width:1004px){
	.nav{
		display:none;
		}
	.nav-left{
		display:block;
		}
	ul{
		display:block;
		}
	.nav2-2{
		display:block;
		}
	.nav2-2 img{
		width:200px;
		height:50px;
		margin-bottom: 30px;
		}
	.nav1-btn{
		display:block;
		}
	}